<template>
<view>
  <!-- #ifdef MP-WEIXIN -->
  <tn-nav-bar fixed alpha customBack>
    发布
  </tn-nav-bar>
  <view :style="{paddingTop: vuex_custom_bar_height + 'px'}"></view>
  <!-- #endif -->
  <view>
    <view class="card" :class="skeleton? 'skeleton': ''" v-for="item in list">
      <view class="title" >
        {{ item.title }}
      </view>
      <view class="desc">
        {{ item.desc }}
      </view>
    </view>
  </view>
</view>
</template>

<script>
export default {
  name: "publish",
  data() {
    return {
      skeleton: true,
      list: [
        {
          title: '闲置',
          desc: '轻松发布，快速交易，买卖二手商品的平台',
          url: '/pages/fabu-zufang/fabu-zufang'
        },
        {
          title: '出租',
          desc: '便捷发布，高效匹配，出租求租，一站式解决',
          url: '/pages/fabu-ershou/fabu-ershou'
        }
      ]
    }
  },
  onLoad() {
    setTimeout(() => {
      this.skeleton = false
    }, 1000)
  },
}
</script>

<style lang="scss" scoped>
.card {
  background-color: #ffffff;
  margin: 20rpx 30rpx;
  padding: 30rpx;

  .title {
    color: #000000;
    font-size: 35upx;
    margin-bottom: 10rpx;
  }
  .desc {
    color: #949494;
    font-size: 25upx;
  }
}
</style>
